@use 'sass:list';
@use 'sass:math';

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
}
// 数字
@font-face {
  font-family: 'D-DIN-PRO';
  src: url('../font/D-DIN-PRO-800-EXTRABOLD.TTF');
}
// 头部大标题
@font-face {
  font-family: 'zcool-gdh';
  src: url('../font/zcool-gdh.ttf');
}

@function vw($px) {
  $vw: math.div($px, 1920) * 100vw;
  @return #{$vw};
}

@function vh($px) {
  $vh: math.div($px, 1080) * 100vh;
  @return #{$vh};
}

// $sizes: 4, 8, 12, 16, 20, 24;
// @for $i from 1 through length($sizes) {
//   $item: nth($sizes, $i);
//   .pl-#{$item} {
//     padding-left: #{$item}px;
//   }
//   .pr-#{$item} {
//     padding-right: #{$item}px;
//   }
//   .pt-#{$item} {
//     padding-top: #{$item}px;
//   }
//   .pb-#{$item} {
//     padding-bottom: #{$item}px;
//   }
//   .ml-#{$item} {
//     margin-left: #{$item}px;
//   }
//   .mr-#{$item} {
//     margin-right: #{$item}px;
//   }
//   .mt-#{$item} {
//     margin-top: #{$item}px;
//   }
//   .mb-#{$item} {
//     margin-bottom: #{$item}px;
//   }
// }
